<template>
    <div> Lifecycle </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    name: 'Lifecycle',
    beforeDestroy() {
        console.log('beforeDestory');
    },
    destroyed() {
        console.log('destroyed');
    },
    beforeUnmount() {
        console.log('beforeDestory -> beforeUnmount');
    },
    unmounted() {
        console.log('destroyed -> unmounted');
    },
})
</script>
